<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="webjars/jquery/3.5.1/jquery.min.js"></script>
</head>
<body>
<form th:action="@{/add}" id="myForm">
    <table border="1" cellspacing="0" cellpadding="0">
        <h1>添加核酸检查信息</h1>
        <tr>
            <td>检测人信息(*)</td><td><input type="text" name="assayUser"></td>
        </tr>
        <tr>
            <td>检测人手机号(*)</td><td><input type="text" name="phone"></td>
        </tr>
        <tr>
            <td>检测人身份证号(*)</td><td><input type="text" name="cardNum"></td>
        </tr>
        <tr>
            <td>检测机构(*)</td><td>
            <select name="hospitalId">
                <option value="-1">----请选择---</option>
            </select>
        </td>
        </tr>
        <tr>
            <td>检测人日期(*)</td><td><input type="text" name="assayTime"></td>
        </tr>
        <tr>
            <td colspan="2" align="center"><input type="submit" value="添加"></td>
        </tr>
    </table>
</form>
</body>
<script th:inline="javascript">
    $(function (){
        $.getJSON('hospitals',function (data){
            for (let i = 0; i <data.length ; i++) {
                $('select').append(' <option value="'+data[i].id+'">'+data[i].name+'</option>')
            }
        })

        $("#myForm").submit(function (){
            if(!$("input[name=assayUser]").val()){
                alert("请填写完整的核酸检查信息！")
                return false;
            }
            if(!$("input[name=phone]").val()){
                alert("请填写完整的核酸手机号！")
                return false;
            }
            if(!$("input[name=cardNum]").val()){
                alert("请填写完整的核酸身份证号！")
                return false;
            }
            if(!$("input[name=assayTime]").val()){
                alert("请填写完整的核酸日期！")
                return false;
            }
        });
    })
</script>
</html>